// 加载用户数据
async function loadUsersData() {
    try {
        const response = await fetch(`${API_BASE_URL}/users`, {
            method: 'GET',
            credentials: 'same-origin'
        });
        
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
        
        const users = await response.json();
        displayUsers(users);
    } catch (error) {
        console.error('加载用户数据失败:', error);
        showAlert('加载用户数据失败，请刷新页面重试。', 'danger');
    }
}

// 显示用户数据
function displayUsers(users) {
    if (!users || users.length === 0) {
        usersTable.innerHTML = '<tr><td colspan="4" class="text-center">暂无用户数据</td></tr>';
        return;
    }
    
    const usersHtml = users.map(user => `
        <tr>
            <td>${user.id}</td>
            <td>${user.username}</td>
            <td>${formatRoles(user.roles)}</td>
            <td>
                <button class="btn btn-sm btn-outline-primary" onclick="viewUserDetail('${user.id}')">查看</button>
            </td>
        </tr>
    `).join('');
    
    usersTable.innerHTML = usersHtml;
}

// 格式化用户角色
function formatRoles(roles) {
    if (!roles || roles.length === 0) return '无角色';
    
    const roleMap = {
        'ROLE_USER': '用户',
        'ROLE_ADMIN': '管理员',
        'ROLE_DELIVERY': '配送员'
    };
    
    return Array.from(roles).map(role => roleMap[role] || role).join(', ');
}

// 查看用户详情
function viewUserDetail(id) {
    console.log('查看用户详情:', id);
    // 实现查看用户详情的功能
    showAlert(`用户详情功能正在开发中 (ID: ${id})`, 'info');
}

// 导出函数
window.loadUsersData = loadUsersData;
window.viewUserDetail = viewUserDetail;